<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>添加课程</title>
	<link rel="stylesheet" href="/layui/src/css/layui.css">
	<link rel="stylesheet" href="/public/css/AddCourse.css">
</head>
<body>
<script src="/js/utils.js"></script>
<script src="/layui/src/layui.js"></script>
<script src="/layui/src/jquery-3.2.1.min.js"></script>
<div class="div_nav1">
	<div class="div_side">
		<div class="div_font1">
			添加课程
		</div>
		<div class="div_btn1">
			<button class="layui-btn layui-btn-primary layui-btn-sm" id="button_refresh">
				<i class="layui-icon layui-icon-refresh layui-font-12"></i>刷新
			</button>
		</div>
		<div class="div_btn2">
			<button class="layui-btn layui-btn-primary layui-btn-sm" id="button_return">
				<i class="layui-icon layui-icon-left layui-icon-left"></i>返回
			</button>
		</div>
	</div>
</div>
<div class="div_addcourse">
	<div class="div_tap">
		<div class="font"><i class="layui-icon layui-icon-note"></i>添加课程</div>
		<div class="div_transparent"></div>
	</div>
	<form class="layui-form" id="course_form">
		<div class="div_forms">
			<table class="div_table">
				<tr>
					<td class="div_td1">
						<div class="td_font"><label class="layui-form-label"><span>*</span>课程分类</label></div>
					</td>
					<td class="div_td2">
						<input name="className" id="categoryId" type="text" name="course_categroy" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input"><img src="../icon1.gif" onclick="addCourse()"/>
						<p id="p_id">您当前选择的商品类别是：<span></span></p>
						<input type="hidden" name="classId" required lay-verify="required"  autocomplete="off" class="layui-input" />
					</td>
				</tr>
				<tr>
					<td class="div_td1">
						<label class="layui-form-label"><span>*</span>课程名称</label>
					</td>
					<td class="div_td2">
						<input type="text" name="course_categroy" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
					</td>
				</tr>
				<tr>
					<td class="div_td1">
						<label class="layui-form-label"><span>*</span>课程介绍</label>
					</td>
					<td class="div_td2">
						<textarea name="desc" placeholder="请输入内容" class="layui-textarea" required  lay-verify="required" placeholder="" autocomplete="off"></textarea>
					</td>
				</tr>
				<tr>
					<td class="div_td1">
						<label class="layui-form-label"><span>*</span>课程售价</label>
					</td>
					<td class="div_td2">
						<input type="text" name="course_name" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
					</td>
				</tr>
				<tr>
					<td class="div_td1">
						<label class="layui-form-label">课程上架</label>
					</td>
					<td class="div_td2">
						<input type="checkbox" name="switch" lay-skin="switch" lay-text="已上架|未上架">
					</td>
				</tr>
				<tr>
					<td class="div_td1">
						<label class="layui-form-label">课程关键词</label>
					</td>
					<td class="div_td2">
						<input type="text" name="course_name" class="layui-input">
					</td>
				</tr>
				<tr>
					<td class="div_td1">
						<label class="layui-form-label">视频封面</label>
					</td>
					<td class="div_td2">
						<div class="td2_font">
							<div class="layui-upload">
								<button type="button" class="layui-btn" id="test1">上传图片</button>注：只能上传一张图片
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td class="div_td1">
						<label class="layui-form-label">预览图</label>
					</td>
					<td class="div_td2">
						<div class="look_picture">
							<div class="layui-upload">
								<div class="layui-upload-list">
									<img class="layui-upload-img" id="demo1">
								</div>
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td class="div_td1">
						<label class="layui-form-label">上传视频</label>
					</td>
					<td class="div_td2">
						<div class="div1">
							<input name="file" type="file" id="file" value="" placeholder="上传视频" class="layui-input"/>
						</div>
						<button οnclick="document.getElementById('file').click();" type="button" class="layui-btn">上传视频</button>
					</td>
				</tr>
				<tr class="">
					<td class="div_td1">
						<label class="layui-form-label">预览</label>
					</td>
					<td class="div_td2">
						<div class="div_video">
							<div id="video" style="width: 100%;">
								<video src="" controls="controls"></video>
							</div>
						</div>
					</td>
				</tr>
				<tr class="div_trlast">
					<td class="div_td1">
						<label class="layui-form-label">课程备注</label>
					</td>
					<td class="div_td2">
						<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
					</td>
				</tr>
			</table>
		</div>
		<div id="submit_id">
			<button class="layui-btn" type="submit" lay-submit lay-filter="formDemo">
				完成，提交商品
			</button>
		</div>
	</form>
</div>
</body>
<script src="../public/js/AddCourse.js"></script>
</html>